<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>事件监听机制</title>


        <script>
            //2.加载完成事件  onload
            window.onload = function () {
                /* //1.失去焦点事件
                 document.getElementById("username").onblur=function(){
                     alert("失去焦点了...")
                 }

                 //3.绑定鼠标事件 鼠标移动到元素之上
                 document.getElementById("username").onmouseover=function(){
                     alert("鼠标来啦!!")
                 }*/

                /*//4.绑定鼠标事件 鼠标被点击了
                  document.getElementById("username").onmousedown=function(event){
                      //alert("鼠标被点击了!!");
                     alert(event.button) ;
                  }*/
                /*
                 //5.绑定键盘事件 鼠标被点击了
                     document.getElementById("username").onkeydown = function (event) {
                      //alert(event.keyCode) ;
                        if (event.keyCode == 13) {
                          alert("提交表单");
                     }
                 }*/

                /* //6.选择和改变事件  onchange
                 document.getElementById("username").onchange = function (event) {
                     alert("改变了...")
                 }

                 document.getElementById("city").onchange = function (event) {
                     alert("改变了...")
                 }*/

                /*

                                //7表单事件  onsubmit
                                document.getElementById("form").onsubmit = function () {
                                   //校验用户名是否正确
                                    var flag= false;

                                    return flag;
                                }
                */
            }


            function checkForm() {
                return false;
            }

        </script>


    </head>
    <body>

        <form action="#" id="form" onclick="return checkForm();">
            <input name="username" id="username">
            <select name="city" id="city">
                <option>--请选择--</option>
                <option>北京</option>
                <option>上海</option>
                <option>西安</option>

            </select>

            <input type="submit" value="提交">

        </form>


    </body>
</html>